@charset "utf-8";
@import "./base.css";
@import "./modules/header.css";
@import "./modules/footer.css";
html {
  height: 100%;
  body {
    height: 100%;
    // background-color: sandybrown;
    .xiaomi {
      height: 100%;
      .swiper-container {
        // width: 1226px;
        // height: 460px;
        .swiper-slide {
          > img {
            width: 100%;
            height: 100%;
          }
        }
      }
      section {
        .tuiguang {
          display: flex;
          justify-content: space-between;
          margin: 20px 0px;
          > img {
            width: 316px;
            height: 170px;
          }
        }
        .gaunggao {
          width: 100%;
          > img {
            margin: 20px 0px;
          }
        }
        .Mobile_phone {
          background-color: rgb(246, 243, 233);
          margin-bottom: 20px;

          .biaoti {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            height: 58px;
            width: 100%;
            line-height: 58px;
            > p {
              font-size: 22px;
              color: #333;
            }
            > a {
              color: #424242;
              font-size: 16px;
              > i {
                margin-left: 5px;
                color: #b0b0b0;
              }
            }
          }
          .Phones {
            display: flex;
            // margin: 20px 0px;
            .Phones_advertising {
              margin: 20px 0px;
              > a {
                > img {
                  width: 234px;
                  height: 635px;
                }
              }
              > a:hover {
                > img {
                  margin-top: 2px;
                }
              }
            }
            .Phones_title {
              > ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-around;

                > li {
                  width: 234px;
                  height: 300px;
                  text-align: center;
                  background-color: white;
                  margin: 20px 0px 14px 14px;
                  padding: 20px 0px;
                  box-sizing: border-box;
                  > a {
                    > img {
                      width: 160px;
                      height: 160px;
                    }
                    > p {
                      font-size: 12px;
                      color: #333;
                      margin: 0px 10px 2px;
                    }
                    > h3 {
                      color: #b0b0b0;
                      font-size: 12px;
                      margin: 0px 10px 10px;
                    }
                    > h4 {
                      color: orange;
                      font-size: 14px;
                      margin: 0px 10px 14px;
                      > i {
                        margin-left: 3px;
                        font-size: 13px;
                      }
                    }
                  }
                }
                > li:hover {
                  margin-top: 2px;
                }
              }
            }
          }
        }
        .appliance {
          background-color: white;
          .biaoti {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            height: 58px;
            width: 100%;
            line-height: 58px;
            > p {
              font-size: 22px;
              color: #333;
            }
            > a {
              color: #424242;
              font-size: 16px;
              > i {
                margin-left: 5px;
                color: #b0b0b0;
              }
            }
          }
          .Phones {
            display: flex;
            // margin: 20px 0px;
            .Phones_advertising {
              margin: 20px 0px;
              > a {
                // margin: 20px 0px;
                > img {
                  margin: 10px 0px;
                  // width: 234px;
                  // height: 635px;
                }
              }
              > a:hover {
                > img {
                  margin-top: 2px;
                }
              }
            }
            .Phones_title {
              > ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-around;

                > li {
                  width: 234px;
                  height: 300px;
                  text-align: center;
                  background-color: rgb(246, 243, 233);
                  margin: 20px 0px 14px 14px;
                  padding: 20px 0px;
                  box-sizing: border-box;
                  > a {
                    > img {
                      width: 160px;
                      height: 160px;
                    }
                    > p {
                      font-size: 12px;
                      color: #333;
                      margin: 0px 10px 2px;
                    }
                    > h3 {
                      color: #b0b0b0;
                      font-size: 12px;
                      margin: 0px 10px 10px;
                    }
                    > h4 {
                      color: orange;
                      font-size: 14px;
                      margin: 0px 10px 14px;
                      > i {
                        margin-left: 3px;
                        font-size: 13px;
                      }
                    }
                  }
                }
                > li:hover {
                  margin-top: 2px;
                }
              }
            }
          }
        }
      }
    }
  }
}
